<template>
  <div class="form-designer-header-comp">
    <DesignBarContainer @showGridChange="v => $emit('showGridChange', v)" :showGrid="showGrid" :selection="selection"/>
  </div>
</template>
<script>
import DesignBarContainer from '@/components/hhd/design/DesignTable/DesignBarContainer.vue';
import {createProps} from '@/utils';

export default {
  name: 'FormDesignerHeader',
  components: {DesignBarContainer},
  props: {
    selection: {
      type: Object,
      default: undefined
    },
    showGrid: createProps(Boolean),
  }
}
</script>